
//  请求权限
Notification.requestPermission().then(function (permission) {
    if (permission === 'granted') {
        console.log('用户允许通知');
    } else if (permission === 'denied') {
        console.log('用户拒绝通知');
    }
});

/*
新建一个Notification对象
var notification = new Notification(title, options);
 
title：通知的标题
options：通知的设置选项（可选）。
    body：通知的内容。
    tag：代表通知的一个识别标签，相同tag时只会打开同一个通知窗口。
    icon：要在通知中显示的图标的URL。
    image：要在通知中显示的图像的URL。
    data：想要和通知关联的任务类型的数据。
    requireInteraction：通知保持有效不自动关闭，默认为false。
*/

let n = new Notification(
    '你有新信息!!!',
    {
        body: '你妈叫你回家吃饭了',
        icon: 'http://chenzhongtao.cn/hhh.jpg',
        requireInteraction: true,
        data: {
            url: 'https://www.baidu.com'
        }
    }
)

//  监听点击事件，跳转到url
n.onclick = () => {
    window.open(n.data.url, '_blank');
    n.close();
}

//  定时器，6秒后关闭。
setTimeout(() => {
    n.close();
}, 6000);

n.onclose = () => {
    console.log('hhhh')
}